<!-- File: quality-terminated.html -->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Quality Terminated</title>
  <style>
    body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}
    .card{background:white;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.08);text-align:center;animation:fadeIn .8s ease}
    h1{color:#b45309;font-size:2rem;margin-bottom:.5rem}
    p{color:#78350f;margin:.4rem 0 1rem;font-size:1.05rem}
    ul{text-align:left;max-width:400px;margin:1rem auto;color:#92400e;line-height:1.5}
    @keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  </style>
</head>
<body>
  <main class="card">
    <h1>🚫 Quality Check Failed</h1>
    <p>The process was stopped due to failed quality checks.</p>
    <ul>
      <li>Reason: Validation failed on required fields.</li>
      <li>Next steps: Review the quality report and fix issues.</li>
    </ul>
  </main>
</body>
</html>